$color:#286BFB;
$red:#c0473e;
$green:#25B11C;
$orange: #F86E33;
navigator{ background: transparent !important; }
::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
	color: transparent;
}
page{
}
.scroll{
  overflow: auto;
}
image,img{
	border:none; vertical-align:middle; max-width:100%
}
.radius40{
  border-radius: 40px;
}
.block{display: block;} .hide{ display: none }
.inline{display: inline-block;}
.clear{clear:both} .fr{float: right;} .fl{float:left }
.center{ text-align: center}
.auto{ margin-left:auto; margin-right: auto}
.relative{position:relative} .ohide{overflow:hidden} .absolute{  position: absolute }
.fixed{ position: fixed} .absolute{  position: absolute} 
.fixed.r,.absolute.r{ right: 0} .fixed.l,.absolute.l{ left: 0}
.fixed.t,.absolute.t{ top: 0} .fixed.b,.absolute.b{ bottom: 0} 
.nowrap{ white-space: nowrap }
.flex{ display:flex;flex-wrap: wrap; align-items: center}
.flex.right{ justify-content:flex-end }
.flex.end{ align-items: flex-end} .flex.start{ align-items: flex-start}
.flex.initial{ align-items:initial}.flex.between{ justify-content: space-between}
.flex.around{ justify-content:space-around } .flex>.auto{flex:auto}
.flex.nowrap{ flex-wrap: nowrap;white-space: normal; }
.flex.cen{justify-content: center;}
.BGon{ background-color: $color !important; }
.BGwhite{ background:white} .BGlight{ background-color: #F0F5FB; } .Clight{color:#A4ADBC;}
.BGgreen{background: $green;} .BGred{ background: $red; }
.BGorange{ background-color: $orange; }
.filterGray{
  filter: grayscale(1);
}
@each $color in a,1,2,3,4,5,6,7,8,9,0 {
  .BGf#{$color}{ background-color:#{'#'}f#{$color}f#{$color}f#{$color} }
}
.hr{border-top:solid 1px #dbdbdb }
.border{ border:solid 1px #A4ADBC; }
.border1{ border:solid 1px #cccccc55; }
.border.Con{ border-color: $color; }

.Cred{color:$red} .Con{color: $color} .Cgreen{ color:$green } .Corange{ color:$orange; }
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block; }
.ellipsis2,.ellipsis3,.ellipsis4{
  white-space:normal;overflow:hidden; text-align: justify;
  text-overflow:ellipsis; word-break: break-word; display: -webkit-box;
  -webkit-line-clamp: 2;-webkit-box-orient: vertical; display: -moz-box;
  -moz-line-clamp: 2;-moz-box-orient: vertical;
}
.ellipsis3{ -webkit-line-clamp: 3;-moz-line-clamp: 3; }
.ellipsis4{ -webkit-line-clamp: 4;-moz-line-clamp: 4; }
.shadow{
  box-shadow: 0 8px 14px rgba(0,0,0,.11);
}
.shadow.b{
  box-shadow: 0 -4px 14px rgba(0,0,0,.1);
}
@each $color in c,0,1,2,3,4,5,6,7,8,9,f,d {
  .C#{$color+''+$color+''+$color}{color:#{'#'}#{$color+''+$color+''+$color} }
}
@for $num from 1 to 13{
  .flex#{$num}{ flex:#{$num}; }
}
@for $num from 1 to 9{
  .b#{$num}#{'00'}{ font-weight:#{$num}#{'00'} }
}
@for $num from 0 to 72{
  .rotate#{$num*5}{ transform: rotate(#{$num*5}deg); }
}
@for $num from -1 to 10{
  .zIndex#{$num}{ z-index:#{$num} }
}
@for $num from 0 to 10{
  .opacity#{$num}{ opacity:#{'0.'}#{$num} }
}
@for $num from 0 to 51{
  .radius#{$num}{ border-radius: #{$num}px }
}
@for $num from 1 to 11{
  .em#{$num * 10}{ font-size:#{$num * 10}#{'%'} } 
  @for $shi from 1 to 5{
    .em#{$num * 10 + $shi * 100}{ font-size:#{$num * 10 + $shi * 100}#{'%'} } 
  }
}
@for $num from 1 to 101{
  .width#{$num}{ width:#{$num}#{'%'} }
}
@for $num from 2 to 201{
  .height#{$num}{ height:#{$num}px }
}
@for $num from 1 to 10{
  .line#{$num}{ line-height:#{$num} }
  .line1-#{$num}{ line-height:#{$num * 0.1 + 1} }
  .line2-#{$num}{ line-height:#{$num * 0.1 + 2} }
  .line3-#{$num}{ line-height:#{$num * 0.1 + 3} }
}
@for $num from 12 to 51{
  .line#{$num}{ line-height:#{$num}px }
}
@for $num from 1 to 11{
  .grid#{$num}{display: grid; grid-template-columns: #{'repeat('}#{$num},1fr#{')'} }
}
@for $num from 1 to 41{
  .gap#{$num}{ gap:#{$num}px; }
}
@for $num from 10 to 61{
  .size#{$num}{ font-size:#{$num}px }
}
@for $num from 1 to 10{
  .b#{$num}00{ bold:#{$num}00; }
}
.bold{ font-weight: bold; }
@for $num from 0 to 101{
  .ml#{$num}{ margin-left:#{$num}px }
  .mr#{$num}{ margin-right:#{$num}px }
  .mt#{$num}{ margin-top:#{$num}px }
  .mb#{$num}{ margin-bottom:#{$num}px }
  .pad#{$num}{ padding:#{$num}px }
}
